/*
Theme Name: Vanilla Slice
Description:  Themed developed in July 2011, new clean and simplified layout.
Author: Tim Keay, Miroslav Kosteckij
Version: 1.0
*/

/*
=============================
  C O R E   E L E M E N T S
=============================
*/
*{
	padding: 0;
	margin:0;
}
body { 
	margin: 0;
	padding: 0; 
	font-family: 'Nobile', Arial, sans-serif;
	font-size: 12px;
	color: #333;
	height: 100%;
    width: 100%;
}
a img {
	border: none;
	border-radius: 10px;
}
p { margin: 0; padding: 0;}
a {
  color: #666;
  text-decoration: none;
}
a:hover { color: #222;}

ul{
	list-style-type: none;
}

/*我的全局设定*/
.l{
	float:left;
}
.r {
	float:right;
}

.w31{
	width:313px;
	overflow: hidden;
}


/*我的全局设定 end*/









/** Layout */
.wrapper {
	margin: 0 auto;
	width: 950px;
	clear: left;
}
h1.title_name {
	font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
	font-weight: normal;
	font-size: 4em;
	color: #333;
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
	line-height: 1em;
}
h1.title_name span {
	font-family: normal Georgia,'Times New Roman',Times,serif;
	color: #FF6600;
	font-size: 0.9em;
}
h1.title_name small {
	display: block;
	font-family: normal Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.3em;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	color: #AAA;
	text-shadow: none;
}
.follow { padding-left: 10px;}

/*置顶导航*/
#fixed-header-slide { width: 100%; height: 44px; background: #592570;position: fixed; top: 0px; z-index: 2; }
#fixed-header-wrap { width: 100%; height: 44px; position: absolute; bottom: 0px; }
#fixed-header { width: 950px; height: 44px; margin: 0 auto; position: relative; z-index: 1; }

/* Fixed Header */
/*#fixed-header .fixed-header-heading { width: 280px; float: left;color: #878787;  line-height: 44px; font-weight: bold; }*/
#fixed-header .fixed-header-nav { float: left; padding-left:100px;overflow: hidden;  }
#fixed-header .main-menu li { width: auto; margin: 0px 25px 0px 0px; }


/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/


#header-wrap { width: 100%; height: 160px; background: #fff;   z-index: 3; position: relative; }

/*logo and title*/
#header-wrap-top{
	width: 100%;
	height:114px;
	background: #fff;
	width:950px;
	margin:0 auto;
	overflow: hidden;
}
#header-wrap-top .logo{
	float:left;
	padding-top: 7px;
	width:100px;
	
}
#header-wrap-top h1{
	float:left;
	width:800px;
	color:#DED971;
}

/*导航*/
#header-wrap-bottom{
	width:100%;
	height:44px;
	background: #592570;
}
#header { width: 950px; height: 44px; margin: 0 auto;  position: relative; z-index: 3; }

/* Main Nav */
#header ul.main-menu { list-style-type: none; margin: 0;padding-left: 100px;}
.main-menu li { float: left; display: block; margin: 0px 35px 0 0px; }
.main-menu a { font-size: 16px; line-height: 44px; font-weight: bold; color: #fff; text-decoration: none; }
.main-menu a:hover { color: #FF6600; text-decoration: none; }

.search{
	display: inline-block;
	float:right;
	height: 22px;
	padding:10px 5px 0 0 ;
}

#main-wrap { width: 100%; height:80%;min-height: 600px; z-index: 1; margin-bottom: 20px; position: relative; }
#main-wrap .main-wrap-mb{
	width: 950px;
	height:130px;
	display: none;
}
/*全局container，宽度950，水平居中*/
.container { width: 950px;  padding: 0 0 10px 0; margin: 0  auto; position: relative;overflow: hidden;}

.container p{
	text-align: justify;
	text-justify:inter-ideograph;
	line-height: 1.8em;
}
/*首页，公司介绍*/
.intro_pic,.intro_con,.intro_r{
	height:380px;
	overflow: hidden;
}
.intro_con{
	overflow-y:auto;
	background: url(../images/h_line1.jpg) no-repeat top left;
	
}
.intro_con p {
	padding-top: 10px;
	float:left;
	text-indent: 2em;
}
p .pic_txt_around{
	float:right;
}
/*公司新闻*/
.container .news{
	width:260px;
	height:295px;
	overflow: hidden;
}
.container .news h2{
	background: url(../images/h_line2.jpg) no-repeat left bottom;
	font-size: 14px;
	line-height: 32px;
}
.container .news ul{
	padding:5px 0;
}
.container .news ul li{
	/*padding:8px 0px 8px 18px;*/
	line-height: 30px;

}
.container .news ul li a{
	background: url(../images/title_h.png) no-repeat  left center;
	
	font-size: 13px;
	float: left;
	padding-left: 18px;

}
.container .news ul li span{
	display: inline-block;
	float: right;
}

/*产品*/
.container .pro{
	margin-top: 30px;
	width:480px;
	height:255px;
	background: url(../images/h_line3.jpg) no-repeat left top;
	overflow: hidden;
}
.container .pro ul{
	padding:10px 0 0 0;
	width:430px;
}
.container .pro ul li{
	float: left;
	width:85px;
	height:100px;
	overflow: hidden;
	margin: 0 20px 15px 0;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-shadow: 2px  2px #bbb;
}
.container .pro ul li:hover{
	border: 1px solid #ecb91f;

}
.container .pro .ptitle{
	width:45px;
	height:255px;
	position: relative;
}
.container .pro .ptitle h2{
	width:20px;
	line-height: 24px;
	position: absolute;
	top:10px;
	right:0;
}
.container .pro .ptitle a{
	position: absolute;
	top: 210px;
	right: 0;
	text-decoration: underline;
	font-size: 12px;
}
/*slider*/
#slider{
	/*clear: both;*/
	position: relative;
	width:950px;
	height:310px;
	overflow: hidden;
}
.slider{
	width:950px;
	height:310px;
	overflow: hidden;
	position: relative;

}
.slider .slide{
	position: absolute;
	top:0;
	left:0;
	width:950px;
	height:310px;
	float:left;
}	

#slideposition{
	position: absolute;
	bottom: 20px;
	left: 50%;
}

#slideposition{
	position: absolute;
	bottom: 20px;
	left: 50%;
}

#slideposition ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

 #slideposition ul li.indicator{
	display: inline-block;
	height: 10px;
	width: 10px;
	background: #222;
	margin: 0px 7px;
	padding: 0;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	overflow: hidden;
	cursor: pointer;
}

#slideposition ul li.indicator.active{
	background: white;
}


/*
===============
  inner page
===============
*/
.pos_title{
	background: url(../images/h_line4.png) no-repeat left top;
	height:29px;
	line-height: 29px;
	width:950px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.pos_title .pos{
	padding-left: 20px;
	width:202px;
	color: #c49b4c;
}

.pos_title .pos span{
	display: inline-block;
	float: right;
	line-height: 29px;
}
.pos_title .inner_title{
	width:728px;

}
.pos_title .inner_title h2{
	font-size: 13px;
	text-align: center;
	color:#444;
}
.pos_title .inner_title h2 span{
	display: inline-block;
	float:right;
	font-size: 11px;
	color:#ccc;
}

/*内容页左侧导航*/
.inner_l{
	width:222px;
	/*overflow: hidden;*/
}
#left_slide{
	width:222px;
	background-color: #e0e0e0;

}
#left_slide li{
	width:222px;
	height:30px;
	line-height: 30px;
	position: relative;
	margin:0;
	z-index: 1;
}
#left_slide li a{
	font-weight: 400;
	float: left;
	padding-left: 16px;
	width:206px;
	/*background: #f60;*/
}


/****active****/
#left_slide li.active{
	width:220px;
	border-left: 2px solid #3a3a3a;
	background-color: #fff;
}
#left_slide li.active a{
	padding-left: 14px;
	width:206px;
}

#left_slide li ul.sec{
	display: none;
	position: absolute;
	top:-1px;
	left:219px;
	z-index: 5;
	border: 1px solid #808080;
	background: #fff;
}
#left_slide li ul.sec li a {
	height:30px;
}
/****on****/
#left_slide li.on{
	width:220px;
	height:28px;
	border: 1px solid #808080;
	border-left: 2px solid #808080;
	border-right:none;
}
#left_slide li.on a{
	position: absolute;
	left:0;
	top:0;
	z-index: 6;
	width:206px;
	height:28px;
	background-color: #fff;
}
#left_slide li.on li{
	border:none;
	height:30px;
}
#left_slide li.on li a{
	width:208px;
}
#left_slide li.on li a:hover{
	background-color: #e0e0e0;
}



/*内容页右侧内容区*/
.inner_r{
	width:728px;
	overflow: hidden;
}
.inner_r .content{
	width:650px;
	margin: 20px auto;
	
}
.inner_r .content p{
	padding-bottom: 10px;
	line-height: 2em;
	text-align: justify;
	text-justify:inter-ideograph;
	text-indent: 2em;
}

/*文章列表*/
.inner_r .content ul.con_list{
	width:650px;
} 
.inner_r .content ul.con_list li{
	line-height: 30px;
	list-style-type: disc;
	/*overflow: hidden;*/
}
.inner_r .content ul.con_list li a{
	display: inline-block;
	float: left;
	line-height: 30px;
	font-size: 14px;
}
.inner_r .content ul.con_list li span{
	float: right;
	display: inline-block;

}

/*产品列表*/
.inner_r  ul.con_list_pro{
	width:650px;
	margin:20px auto;
	overflow: hidden;
}
.inner_r  ul.con_list_pro li{
	margin:0 10px 20px 0;
	padding: 5px;
	width:190px;
	height:238px;
	border:1px solid #fff;
	float:left;
}
.inner_r  ul.con_list_pro li:hover{
	border:1px solid #ccc;
}
.inner_r  ul.con_list_pro li .thumb_box{
	width:190px;
	height:200px;
	/*background: #ccc;*/
}
.inner_r  ul.con_list_pro li h3{
	font-size: 13px;
	line-height: 22px;
	border-top: 1px solid #eee;
}

/*
===============
  F O O T E R
===============
*/
#fixed-footer-wrap { width: 100%; height: 50px; background: #592570; border-top: solid 1px #CCC;  z-index: 3; overflow: visible; }
#footer-wrap { position: relative; height: 0px; }
#footer { width: 100%; position: absolute; left: 0px; bottom: 0px; background: #592570; border: solid 1px #CCC; border-top:0px; z-index: 10}
#fixed-footer { width: 950px; margin: 0 auto; padding-top: 15px;}
#footer-toggle { display: block; border: solid 1px #CCC; border-bottom: 0px; width: 38px; height: 21px; position: absolute; top: -22px; right: 2%;  background: #592570; /*left: 50%; margin-left: 429px;*/ }
#footer-toggle span { display: block; width: 38px; height: 21px; background: url(../images/footer-toggle.png); opacity: 0.7; }
#footer-toggle span:hover { opacity: 1 }
#footer-toggle.expanded span { background-position: bottom; }
#toggling { display: none; }
#toggling h3 { width: 950px; margin: 0 auto; padding: 20px 0; line-height: 150%;}
/* Footer Toggle */
.border-top {
    border-top: 1px solid #CCCCCC;
}
/* Footer Top */
#footer-top { padding: 15px 0; }
.border-top h3{
	color:#fff;
}
#footer-top a { color: #222; text-decoration: none; }
#footer-top a:hover { color: #FF6600; }
#footer-social { float: left; clear: left; }
#footer-social iframe { width: 61px !important; float: left; display: inline-block;  }
#footer-social ul { overflow: hidden; }
#footer-social li { float: left; margin-right: 20px; }
#footer-social li.no-margin { margin-right: 0px; }

/* iOS fixes */
#fixed-footer-wrap.mobile-fix { position: relative; }


/************************/
/*自定义 header*/
/************************/


